﻿.container{
	width:1200px;
	margin:20px auto;
	overflow: hidden;
}
.leftSection{
	width:320px;
	float: left;
	margin-right:20px;
}
.rightSection{
	width:320px;
	float: right;
	margin-left:20px;
}
.mainSection{
	width:800px;
	padding:20px 30px 60px 30px;
	float: left;
	background:#fff;
}
.mainSection div.title h2{
	margin-top:30px;
	color:#008dd8;
}
.secNavs{
	background:#fff;
	margin-bottom:20px;
	padding-bottom:10px;
}
.secNavs ul li{
	display: block;
	line-height:48px;
	padding:0 20px;
}
.secNavs ul li.thisclass{
	background:#00a0f5;
}
.secNavs ul li.thisclass a{
	color:#fff;
}
.secNavs ul .title{
	display: block;
	background:#008dd8;
	height:60px;
	padding:0 20px;
	line-height: 60px;
	font-size:16px;
	color:#fff;
}
.secNavs ul .title span{
	display: inline-block;
	width:4px;
	height:12px;
	line-height:30px;
	background:#fff;
	margin-right:8px;
}
.secNavs ul li a{
	display: block;
	font-size:14px;
	color:#232323;
}
.secNavs ul li:hover{
	background:#00a0f5;
	color:#fff;
}
.secNavs ul li a:hover{
	color:#fff
}
.currentPlace{
	font-size:14px;
	height:40px;
	line-height:20px;
	color:#999;
	border-bottom:1px solid #e5e5e5;
}
.currentPlace a{
	color:#999;
}
.currentPlace a:hover{
	color:#008dd8;
}
.caseList li{
	width:100%;
	overflow: hidden;
	border-bottom:1px solid #e5e5e5;
}
.caseList .information{
	padding:20px 0 0 0;
}
.caseList .information *{
	font-family: 'microsoft yahei'!important;
	line-height:2;
}
.caseList .information img{
	display: inline-block;
	max-width:100%;
	height:auto!important;
	margin-bottom:4px;
}
.contentContainer{
	display:block;
	padding:26px 0;
	transition:all 0.5s ease-in-out;
	overflow: hidden;
}
.contentContainer:hover{
	transform:translate(10px,0);
}
.contentContainer .title{
	font-size:16px;
	font-weight:bold;
	color:#232323;
}
.contentContainer .jobName{
	font-size:14px;
	margin:10px 0;
	color:#333;
}
.infors{
	display:inline-block;
	width:44%;
	text-align:left;
	font-size:14px;
	color:#999;
}
.contentContainer .info{
	font-size:12px;
	color:#999;
	display:block;
	text-align: right;
}
.contentContainer .listPic{
	float:left;
	max-width:240px;
	max-height:180px;
	overflow: hidden;
	margin-right:20px;
}
.contentContainer .listPic img{
	width:100%;
}
.contentContainer .listInfo{
	float: left;
	width:540px;
}
.contentContainer .listInfo .title{
	margin-top:20px;
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.contentContainer .listInfo .title span{
	color:#333;
	margin-right:10px;
}
.contentContainer .listInfo .info{
	text-align: left;
	margin:8px 0 10px 0;
	color:#999;
}
.contentContainer .listInfo .desc{
	font-size:14px;
	line-height: 24px;
	color:#666;
	text-decoration:none;
}
.dede_pages{
	text-align:center;
	color:#999;
}

.mainSection{
	background:#fff;
	min-height:830px;
}
.mainSection .bread,.bread a{
	color:#999;
}
.mainSection .title h2{
	font-size:24px;
	padding-bottom:4px;
	font-weight:normal;
	color:#232323;
	text-align:center;
}
.mainSection .infor{
	text-align:center;
	color:#999;
	line-height:36px;
}
.mainSection .infor span{
	margin:0 8px;
}
.content table img{
	max-width:100%;
	height:auto!important;
	display: inline-block;
	margin:20px auto;
}
.content table tbody tr td{
	color:#666;
	font-size:14px;
	line-height: 2;
}
.content table tbody tr td *{
	font-family:'microsoft yahei'!important; 
}
.content table tbody tr td a{
	color:#333;
}
.articleCopyright{
	color:#666;
	margin:50px 0 0 4px;
}
.context{
	color:#999999;
	margin:40px 0 0 4px;
}
.context li{
	display: block;
	margin:10px 0;
}
.context li a{
	color:#008dd8;
}
.context li a:hover{
	color:#006cc6;
}
.rightSection .secNavs ul li:hover{
	background:#fff;
}
.rightSection .secNavs ul li a{
	display: block;
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition:all 0.5s ease-in-out;
}
.rightSection .secNavs ul li:hover a{
	color:#008dd8;
	transform:translate(6px,0);
}



/*电梯*/
.lift{
	width:60px;
	height:190px;
	position:fixed;
	right:200px;
	z-index: 9999;
	top:50%;
	margin-top:-95px;
	display: none;
}
.lift a{
	display: inline-block;
	width:60px;
	height:60px;
	margin:2px 0;
	background:#999;
	cursor:pointer;
	overflow: hidden;
}
.lift a:hover{
	background:#008dd8;
}
.lift a.lineChat span{
	background:url(../images/index-icon.png) no-repeat;
	background-position:-95px 4px;
	width:60px;
	height:60px;
	display: inline-block;
}
.lift a.OICQ span{
	background:url(../images/index-icon.png) no-repeat;
	background-position:-156px 4px;
	width:60px;
	height:60px;
	display: inline-block;
}
.lift a.top span{
	background:url(../images/index-icon.png) no-repeat;
	background-position:-215px 4px;
	width:60px;
	height:60px;
	display: inline-block;
}

.createList img{
	display:block;
	margin:0 auto;
}
.createList p{
	font-family: 'microsoft yahei';
	font-size:14px;
	line-height: 2;
	color:#666;
}
.createList p b{
	color:#333;
}

@media screen and (max-width:1440px){
	.lift{
		right:0;
	}
}